@charset "utf-8";

body{
        font-family: "微軟正黑體","Central Gothic","Arial";
        /*background:#fff;*/
        margin: 0 auto;
        background-image: url("../images/bg-gridme.png");
}
body a{
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -ms-transition: 0.5s all;
        text-decoration: none;
}
section,aside{margin-top: 20px;}

/* h1~h6 */
h2{color:#666666;text-align: center;}
h4{color:#666666;}

/*//h1~h6 */

/*A*/
a:link          {color:#80AB00;outline:none}
a:hover         {text-decoration:none;outline:none}
a:visited       {color:#80AB00;outline:none}

/*input.select*/
.textInput                      {background:#F3F3F5; padding:7px 10px; border:0; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-top:1px solid #bbb; border-left:1px solid #bbb; position:relative; -webkit-box-shadow:inset #ccc 1px 1px 3px; -moz-box-shadow:inset #ccc 1px 1px 3px; box-shadow:inset #ccc 1px 1px 3px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc); color:#333}
.textInput:focus        {background:#FFC;  border:1px solid #CC9; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
textarea                        {background:#F3F3F5; padding:7px 10px; border:0; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-top:1px solid #bbb; border-left:1px solid #bbb; position:relative; -webkit-box-shadow:inset #ccc 1px 1px 3px; -moz-box-shadow:inset #ccc 1px 1px 3px; box-shadow:inset #ccc 1px 1px 3px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc); color:#333}
texarea:focus           {background:#FFC;  border:1px solid #CC9; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
label                           {cursor:pointer;}
input[type="text"]      {}
select{
        margin: 0;
        padding: 6px 4px;
        width: 210px;
        max-width: 100%;
        border: 1px solid #ccc;
        outline: none;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #777;
        background: #fff;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
/*//input.select*/

/*button*/
.nextStepButton {
        display: inline-block;
        position: relative;
        cursor: pointer;
        float: right;
}

.mR{margin-right: 10px;}

.nextStepButton span.next{
        display:block;
        color:#fff;
        background:#E8A92E;
        border-radius:3px;
        -webkit-border-radius:3px;
        -ms-border-radius:3px;
        -o-border-radius:3px;
        -moz-border-radius:3px;
        padding: 15px 30px;
        font-size: 16px;/*
        -webkit-box-shadow: 0px 5px 0px #ee9800, 0px 5px 10px rgba(0,0,0,.7);
        -moz-box-shadow: 0px 5px 0px #ee9800, 0px 5px 10px rgba(0,0,0,.7);
        box-shadow: 0px 5px 0px #ee9800, 0px 5px 10px rgba(0,0,0,.7);*/
}
.nextStepButton span.next:hover{
        background: #ee9800;

        -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.3);
        -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.3);
        box-shadow: 0px 5px 5px rgba(0,0,0,.3);/*
        -webkit-box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.7);
        -moz-box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.7);
        box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.7);*/
        text-decoration: none;
}
/*.nextStepButton span.next:active{
        -webkit-box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.9);
        -moz-box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.9);
        box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.9);
        position: relative;
        top: 6px;
}*/
.finishButton {
        display: inline-block;
        position: relative;
        z-index: 30;
        cursor: pointer;
        margin-top: 2em;
        float: right;
}
.finishButton span{
        display:block;
        color:#fff;
        background:#a3cf06;
        border-radius:3px;
        -webkit-border-radius:3px;
        -ms-border-radius:3px;
        -o-border-radius:3px;
        -moz-border-radius:3px;
        padding: 15px 30px;
        font-size: 16px;
}
.finishButton span:hover{
        background:#7DA008;
}
.cancelButton{
        display: inline-block;
        position: relative;
        z-index: 30;
        cursor: pointer;
        margin: 2em 1em 0 0;
        float: right;
}
.cancelButton span{
        display:block;
        color:#fff;
        background:#bbbbbb;
        border-radius:3px;
        -webkit-border-radius:3px;
        -ms-border-radius:3px;
        -o-border-radius:3px;
        -moz-border-radius:3px;
        padding: 15px 30px;
        font-size: 16px;
}
.cancelButton span:hover{
        background:#676767;
}

/*//button */   


/*breadcrumbs*/
.breadcrumbs                            {display: block;margin: 15px 0;}
.breadcrumbs p                          {color:#999;}
.breadcrumbs p a:link,
.breadcrumbs p a:visited        {color:#80AB00; margin:0 5px; border-bottom: 1px solid #9CC523; white-space: nowrap;}
.breadcrumbs p a:hover          {border-bottom:none;}
.breadcrumbs p span                     {color:#999!important; margin:0 5px;}
/*//breadcrumbs */      

/*sideNav*/
/*ul.sideNav            {border: 1px solid #e3eeba; padding: 10px;background-color: #f0f6dc;}*/
ul.sideNav li   {margin-bottom: 5px;position: relative;}
ul.sideNav li.current a,ul.sideNav li.current a:hover {background-color: rgb(232, 169, 46); border: solid 1px #D39316;color: #fff;}
ul.sideNav li a {display: block;padding: 10px 0 10px 30px; background-color: #fff; color: #333;border: solid 1px #ccc;}
ul.sideNav li a:hover{background-color: #eee;color: #000;}
.mask                   {background-color: #aeaeae;position: absolute;z-index: 1;width: 100%;height: 100%;opacity: .7;}
.mask i                 {float: left;padding: 8px 0 0 10px;}
ul.sideNav li a i               {position: absolute;left: 10px;top: 14px;}
/*//sideNav */  

.label-flow {
display: inline;
padding: 6px 10px;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
background-color: #FFFFFF;
border: 1px solid #208709;
color: #208709;
margin: 0 10PX;
float: right;
min-width: 120px;
}
.label-red {
background-color: #FFFFFF;
border: 1px solid red;
color: red;
}
/* navbar */
.topheader{width: 100%;position: relative;background: #FFF;}
.topheader-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	margin-top: 0;
	background: #ffffff;
}
.logo{float: left;margin: 1em;}
.logo img{max-width:220px;}

.center {text-align: center;}
.center .logo{float: none; margin: 1.5em 1.5em 0 1.5em;}
.center .logo p{padding-top: 20px;}
.center .logo a{color: #fff;text-decoration: underline;}
.top-nav{float:right;}
.top-nav-left{
        float:left;
        margin:1.1em 2em 0;
}
.top-nav-left ul{
        padding: 0;
        margin:  0em;
}
.top-nav-left li{
        display: inline-block;
        padding: 15px;
}
.top-nav-left li.showBlock{
    display: none;
}
.top-nav-left li a{
        color:#515151;
        text-transform: uppercase;
        text-decoration:none;
}
.top-nav-left li a:hover{
        color:#add136;
}
.top-nav-left span.menu{
        display:none;   
}
.top-nav-left span.menu:before{
        content:url("../images/menu.png");
        cursor:pointer; 
        width:100%;
}
.top-nav-right {
        float:right;
        margin: 1.2em 0px;
        position: relative;
}
#loginButton {
        display: inline-block;
        position: relative;
        z-index: 30;
        cursor: pointer;
}
#loginButton span{
        display:block;
        color:#fff;
        background:#E8A92E;
        border-radius:3px;
        -webkit-border-radius:3px;
        -ms-border-radius:3px;
        -o-border-radius:3px;
        -moz-border-radius:3px;
        padding: 15px 30px;
        font-size: 16px;
}
#loginButton span:hover{
        background:#CD8C0E;
}
/*//_navbar */  

/*loginDropdown*/
.loginDropdown            {display: none; position: absolute; top:51px; right: 0; z-index: 999999; border-radius: 0 0 3px 3px; }
.top-nav-right a:hover + .loginDropdown,ul.loginDropdown:hover   {display: block;}
.loginDropdown li         {display: block;}
ul.loginDropdown > li > a {display: inline-block; height: auto; width: 120px; text-align: left; color: #ffffff; font-size: 14px; border-top: 1px solid #FFFFFF; padding: 6px 0 6px 15px; background: #E8A92E; }
ul.loginDropdown li:last-child a {border-radius:0 0 3px 3px;}
ul.loginDropdown:hover + a.loginImg {background:rgba(63, 63, 63, 1); }
.loginDropdown li > a:hover         {background: #CD8C0E; }
/*//_loginDropdown*/

/*banner*/
.banner          	{margin-bottom: 15px; overflow: hidden; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px;}
.banner .imgHolder  {position:relative; overflow: hidden; width: 100%; height: 150px;margin-top: 15px;}
.banner .imgHolder img  {max-width: 100%;}
.bannerTopic {position: absolute; padding: 20px; background-color: rgba(0, 0, 0, 0.5); top: 15px; color: #FFF; font-size: 30px; width: 295px;} /*//banner */

/* footer */
.footerwrap{
	padding: 40px 0;
	text-align: center;
	clear: both;
	margin: 0;
	width: 100%;
	color: #666;
	overflow: hidden;
	background: #F9F9FA;
	border-top: 1px solid #E7E7E7;
}

/* //footer */

/* index.html */
.indexbanner{background: url(../images/bg-header-1.jpg) no-repeat 0px 0px;background-size: cover;min-height: 900px;}
.banner-info{padding-top: 10em;}
.banner-info h1{color:#ffffff;line-height: 2em;}
.indexButton    {
        margin-top:1em;
        width: 20%;
        display: inline-block;
        position: relative;
        cursor: pointer;
}
.indexButton span.next{
        display:block;
        color:#fff;
        background:#f65a5b;
        border-radius:3px;
        -webkit-border-radius:3px;
        -ms-border-radius:3px;
        -o-border-radius:3px;
        -moz-border-radius:3px;
        padding: 15px 30px;
        font-size: 16px;
        -webkit-box-shadow: 0px 5px 0px #D53334, 0px 5px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 5px 0px #D53334, 0px 5px 10px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #D53334, 0px 5px 10px rgba(0,0,0,.7);
}
.indexButton span.next:hover{
        background: #D53334;
        -webkit-box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.7);
        text-decoration: none;
}
.indexButton span.next:active{
        -webkit-box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.9);
    box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}
/* //index.html */

/* ventureTypes.html */
.ventureTypesTitle h2{border-bottom: 1px solid #aeaeae;}
.ventureTypesTitle img{width: 40px;vertical-align: middle;padding:0 5px 10px 0;}
.ventureTypesTitle .fa-color{color:#E8A92E;padding:0 5px 10px 0;}
.ventureTypesInput{margin-bottom: 2em;}
.ventureTypesInput h4{display: inline-block;}
.ventureTypesInput span{float: right;color:#ff849b;}
.ventureTypesInput span:hover{text-decoration: underline;}
.ventureTypesInput ul{margin-top: 2em;}
.ventureTypesInput ul li{margin-bottom: 2em;}
.ventureTypesInput textarea{width:98%;margin-top: 1em;font-size: 16px;}

/* //ventureTypes.html */

.financialBox{margin:4% 0 0;width: 92%;background-color: #eee;min-height:100px;padding: 4%;text-align: center;line-height: 2em; border:1px dashed #ccc;}
.redText{color: red;}
.greenText{color: green;}
/* ventureChecklistMap.html */
.ventureChecklistTitle {text-align: center;}
.ventureChecklistTitle h2{margin: 1em 0;}
.ventureChecklistTitle img{width:50%;}
.ventureChecklistTitle ul{margin-bottom: 2em;font-size: 16px;color:#666666;}
.ventureChecklistTitle ul li{margin-bottom: 1em;text-align: left;}
.ventureChecklist{background: #eaeaea;}
.ventureChecklist ul{margin-top: 2em;}
.ventureChecklist ul li a{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
}
.ventureBox{
        position:relative;
        cursor: pointer;
        margin-bottom: 5px;
        padding: 30px;
        color:#333;     
        background-clip:padding-box;
        background-color: #ffffff;
}
.ventureBox:hover{background-color: #a2cf06;color:#ffffff;}
.ventureBoxLocked{
        position:relative;
        margin-bottom: 5px;
        padding: 30px;
        color:#333;     
        background-clip:padding-box;
        background-color: #aeaeae;
}
.ventureBoxLocked a{cursor:default;}
.ventureChecklist .fa-top{margin-top: 15px;}
.ventureChecklist i{float: right;}
.progressCircle{float:left;}
.progressDescribe{width:65%;float:left;margin-left: 2em;}
.progressDescribe p{margin-top:1em;}

/* //ventureChecklistMap.html */

/*helpLink彈出視窗*/
.reveal-modal {
        background: #f7f7f7;
        left: 50%;
        margin-left: -320px;
        position: absolute;
        top: 170px;
        visibility: hidden;
        width: 640px;
        z-index: 101;
        box-shadow:0 0 5px rgba(0, 0, 0, .4);
        border-radius:6px;
        }
.reveal-modal .close-reveal-modal {
        width: 58px;
        height: 72px;
        background: url("../images/sprite.png") no-repeat 0 -387px;
        position: absolute;
        top: 0;
        right: 16px;
        text-indent: -999em;
        cursor: pointer;
        transition:0s;
}

.reveal-modal .close-reveal-modal:hover {
        background: url("../images/sprite.png") no-repeat -62px -387px; 
}
.reveal-modal-bg {
        background: url("../images/overlay.png");
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        display: none;
}

/* Modal Header */
.reveal-modal .reveal-modal-header {
        padding:23px 20px;
        text-transform: uppercase;
        color: #323334;
        font-size: 16px;
        font-family: 'Oswald', sans-serif;
        background: url("../images/dotted-window.png") repeat-x 0 100%;
}

/* Modal Body */
.reveal-modal .cont {
        padding: 25px 20px;
        margin:0 auto;
        }

/*// helpLink彈出視窗 */

/*progresscircle*/      
.circliful {
    position: relative; 
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.circle-info, .circle-info-half {
        color: #999;
}

.circliful .fa {
        margin: -10px 3px 0 3px;
        position: relative;
        bottom: 4px;
}
/*// progresscircle*/

/* progressBar */
.progressBar {
        width: 80%;
        height: 20px;
        margin:1em auto 0 auto;
        border: 1px solid #bdbdbd;
        background-color: #ffffff;
}
 
.progressBar div {
        height: 100%;
        color: #fff;
        text-align: right;
        line-height: 20px;
        width: 0;
        background-color: #ffbf01;
}
.default {
        background: #292929;
        border: 1px solid #111; 
        border-radius: 5px;     
        overflow: hidden;
        box-shadow: 0 0 5px #333;                               
}
.default div {
        background-color: #1a82f7;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099FF), to(#1a82f7)); 
        background: -webkit-linear-gradient(top, #0099FF, #1a82f7); 
        background: -moz-linear-gradient(top, #0099FF, #1a82f7); 
        background: -ms-linear-gradient(top, #0099FF, #1a82f7); 
        background: -o-linear-gradient(top, #0099FF, #1a82f7);
}

/*// progressBar */
        

/*formset*/
.formset {padding-bottom: 2em;}
.formset2 {padding: 2em 0;}
.formset legend,.formsetTitle{display: block;color: #666666;padding: 10px 0;font-weight: bold;font-size: 18px;}
.formset .field{display:inline-block;margin:5px 0;margin-right: 20px;}
.formset .fieldset{border-bottom: 1px dotted #aeaeae;margin-top: 50px; padding-bottom: 50px;}
.formset .fieldset2{border-bottom: 1px dotted #aeaeae; padding-bottom: 50px;}
.tips{color: #ff849b;display: block;}
.formset label{display: block;color: #666666;}
.formset .form-control,.form-control2{
        display: inline-block;
        width: 170px;
        font-size: 18px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.addbutton{
background: #ff849b;
border-bottom: 1px solid #E23354;
border-radius: 3px;
color: #FFFFFF;
display: block;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
line-height: 28px;
height: 28px;
padding: 0 14px 0 14px;
margin-bottom: 10px;
}

.deletebutton{background: #A3A3A3;
border-bottom: 1px solid #888;
border-radius: 3px;
color: #FFFFFF;
display: block;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
line-height: 28px;
height: 28px;
padding: 0 14px 0 14px;}
.addbutton:hover,.deletebutton:hover{opacity: .9;}
.mt50px{margin-top: 50px;}
.memberRwdnav{
        background-color: #fff;
        display: none;
        padding-bottom:5px;
}
.select-menu {
width: 100%;
border: 1px solid #7F7F7F;
background: #979797;
border-radius: 4px 4px 4px 4px;
cursor: pointer;
margin-top: 5px;
padding: 10px;
height: 40px;
color: #fff;
font-size: 16px;
}
/*// formset*/


/*memberLogin.html*/
a.fgpwd:link,a.fgpwd:visited{
        color: #ffbf01;
}
a.fgpwd:hover{
        color: #ee9800;
}

/*register*/
.register_form{
        background-color: rgba(255,255,255,.7);
        color: #666666;
        margin: 30px 0 0 0;
        padding: 30px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;        
}
.register_form li{
        padding: 10px 30px;
}
.register_chg{
    padding-left: 3px;
}
.linkR{float: right;text-decoration: underline;}
.register_form label{
        display: block;
}
.register_title{
        border-bottom: 1px solid #D9E3B6;
}
.register_form .textbox{
        width: 90%;
        padding: 10px 5%;
        border: 1px solid #D9E3B6;
        font-size: 15px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;font-family: "微軟正黑體","Arial";
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;font-family: "微軟正黑體","Arial";
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;font-family: "微軟正黑體","Arial";
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;font-family: "微軟正黑體","Arial";
}
.register_form .textbox:hover{
        border: 1px solid #ffbf01;
}
.register_btn{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        border-radius: 4px;
        border: 1px solid #ffbf01;
}
/* // of register*/

/*memberLogin.html*/
a.fgpwd:link,a.fgpwd:visited{
        color: #666;text-decoration: underline;
}
a.fgpwd:hover{
        color: #C67F00;
}
.bg-login{background-image: url("../images/bg-login.jpg"); background-size: cover;}
.bg-login .topheader{background-color: transparent; }
/* //memberLogin.html*/

/* showAllProductDescribe.html */
.productTable{width: 100%;}
.productTable thead{background-color: #f7f7f7;}
.productTable th{padding: 16px 10px;border-bottom: 1px solid #ffbf01;}
.productTable tr:hover{background-color: #f5f5f5;}
.productTable td{padding: 10px;line-height: 1.5;vertical-align: top;border-top: 1px solid #ddd;}
.productTable td a.fa-color{color:#b3b3b3;}
.productTable td a.fa-color:hover{color:#ff849b;}
.text-center{text-align: center;}
.pagination{
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a{
        margin-left: 0;
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.428571429;
        color: #888;
        text-decoration: none;
        border: 3px solid transparent;
        margin: 0 5px;
}
.pagination > li > a:hover,
.pagination > li > a:focus{
  border: 3px solid #dedede;
}
.pagination > .active > a,.pagination > .active > a:hover{
        z-index: 2;
        color: #747474;
        cursor: default;
        background: #FFFFFF;
        border: 3px solid #CECECE;
}
.addProduct{
        display: inline-block;
        background: #ff849b;
        border-bottom: 1px solid #E23354;
        border-radius: 3px;
        color: #FFFFFF;
        font-size: 16px;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        line-height: 28px;
        height: 28px;
        padding: 0 14px 0 14px;
        margin-bottom: 10px;
}
.addProduct.gray{
        background: #A3A3A3;
        border-bottom: 1px solid #666;
}
#addProduct textarea{width:96%;}
#addProduct span.notice{color: #ff849b;}
#editProduct textarea{width:96%;}
#editProduct span.notice{color: #ff849b;}
/* //showAllProductDescribe.html */

/* businessOrientation.html */
.li_fontcolor{color:#666666;}
/* //businessOrientation.html */

/* humanResourcePlan*/
.input-control{
        display: inline-block;
        width:100px;
        font-size: 16px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
h4.productTitle{margin-bottom: 2em;}


/* //humanResourcePlan*/

/*personPlace.html*/
.personPlaceTable{width: 100%;}
.personPlaceTable thead{background-color: #ddd;}
.personPlaceTable th{padding: 5px;   border: 1px solid #ccc;}
.personPlaceTable td{padding: 10px;line-height: 1.5;vertical-align: top; border: 1px solid #ddd;}
.personPlaceTable td a.fa-color{color:#b3b3b3;}
.personPlaceTable td a.fa-color:hover{color:#ff849b;}
.personPlaceH4{padding:30px 0 5px;}
/* //personPlace.html*/

/*memberEdit.html*/
.register_btn_del{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        border-radius: 4px;
        border: 1px solid #a3cf06;
}
.register_btn_del span.next{
        background: #a3cf06;
}
.register_btn_del span.next:hover{
        background: #7DA008;
}
/* //memberEdit.html*/

/*venturePlanMap.html*/
.step{
        position:relative;
        margin: 3em 0;
        padding: 2em 0;
        height: 27em;
        background-color: #eeeeee;
        text-align: center;
}
.step h1{
        margin-bottom:10px;
        color:#333333;
}
.stepDescribe h2{
        margin:1em 0;
}
.stepDescribe p{
        padding:0 2.5em;
        text-align: left;
}
.stepDescribe img{
        width: 50%;
}
.stepLocked{
        position:relative;
        height: 27em;
        margin: 3em 0;
        padding: 2em 0;
        background-color: #aeaeae;
        text-align: center;
        cursor: default;
}
i.fa-top{margin-top: 10px;color:#666666;}
i.fa-left{margin-left: 10px;}
.downloadButton {
        width: 80%;
        display: inline-block;
        position: relative;
        cursor: pointer;
}
.downloadButton span.next{
        display:block;
        color:#fff;
        background:#a3cf06;
        border-radius:3px;
        -webkit-border-radius:3px;
        -ms-border-radius:3px;
        -o-border-radius:3px;
        -moz-border-radius:3px;
        padding: 15px 30px;
        font-size: 16px;
        -webkit-box-shadow: 0px 5px 0px #7DA008, 0px 5px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 5px 0px #7DA008, 0px 5px 10px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #7DA008, 0px 5px 10px rgba(0,0,0,.7);
}
.downloadButton span.next:hover{
        background: #7DA008;
        -webkit-box-shadow: 0px 5px 0px #5F7907, 0px 5px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 5px 0px #5F7907, 0px 5px 10px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #5F7907, 0px 5px 10px rgba(0,0,0,.7);
        text-decoration: none;
}
.downloadButton span.next:active{
        -webkit-box-shadow: 0px 5px 0px #5F7907, 0px 5px 10px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 5px 0px #5F7907, 0px 5px 10px rgba(0,0,0,.9);
    box-shadow: 0px 5px 0px #5F7907, 0px 5px 10px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}
.startButton    {
        margin-top:1em;
        width: 80%;
        display: inline-block;
        position: relative;
        cursor: pointer;
}
.startButton span.next{
        display:block;
        color:#fff;
        background:#f65a5b;
        border-radius:3px;
        -webkit-border-radius:3px;
        -ms-border-radius:3px;
        -o-border-radius:3px;
        -moz-border-radius:3px;
        padding: 15px 30px;
        font-size: 16px;
        -webkit-box-shadow: 0px 5px 0px #D53334, 0px 5px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 5px 0px #D53334, 0px 5px 10px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #D53334, 0px 5px 10px rgba(0,0,0,.7);
}
.startButton span.next:hover{
        background: #D53334;
        -webkit-box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.7);
        text-decoration: none;
}
.startButton span.next:active{
        -webkit-box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.9);
    box-shadow: 0px 5px 0px #B61516, 0px 5px 10px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}
.continueButton {
        width: 80%;
        display: inline-block;
        position: relative;
        cursor: pointer;
}
.continueButton span.next{
        display:block;
        color:#fff;
        background:#ffbf01;
        border-radius:3px;
        -webkit-border-radius:3px;
        -ms-border-radius:3px;
        -o-border-radius:3px;
        -moz-border-radius:3px;
        padding: 15px 30px;
        font-size: 16px;
        -webkit-box-shadow: 0px 5px 0px #ee9800, 0px 5px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 5px 0px #ee9800, 0px 5px 10px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #ee9800, 0px 5px 10px rgba(0,0,0,.7);
}
.continueButton span.next:hover{
        background: #ee9800;
        -webkit-box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.7);
        text-decoration: none;
}
.continueButton span.next:active{
        -webkit-box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.9);
    box-shadow: 0px 5px 0px #B87000, 0px 5px 10px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}
.modifyButton   {
        margin-top:1em;
        width: 80%;
        display: inline-block;
        position: relative;
        cursor: pointer;
}
.modifyButton span.next{
        display:block;
        color:#fff;
        background:#aeaeae;
        border-radius:3px;
        -webkit-border-radius:3px;
        -ms-border-radius:3px;
        -o-border-radius:3px;
        -moz-border-radius:3px;
        padding: 15px 30px;
        font-size: 16px;
        -webkit-box-shadow: 0px 5px 0px #767676, 0px 5px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 5px 0px #767676, 0px 5px 10px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #767676, 0px 5px 10px rgba(0,0,0,.7);
}
.modifyButton span.next:hover{
        background: #767676;
        -webkit-box-shadow: 0px 5px 0px #494949, 0px 5px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 5px 0px #494949, 0px 5px 10px rgba(0,0,0,.7);
    box-shadow: 0px 5px 0px #494949, 0px 5px 10px rgba(0,0,0,.7);
        text-decoration: none;
}
.modifyButton span.next:active{
        -webkit-box-shadow: 0px 5px 0px #494949, 0px 5px 10px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 5px 0px #494949, 0px 5px 10px rgba(0,0,0,.9);
    box-shadow: 0px 5px 0px #494949, 0px 5px 10px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}
/* //venturePlanMap.html*/



.deleteblock{border-bottom:1px dashed #ccc;}
.pt20{padding-top:50px;}
.tab-container{padding-top:10px;}
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #ccc; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; color: #D89718;}
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #ccc; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #ccc 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }

/************
* =jquery.validate
*************/
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	
}
/************
/*blog.html*/
.bolgbanner{
    background: url(http://i.imgur.com/3o15Id4.jpg) no-repeat 0px 0px;
    background-size: cover;
    min-height: 450px;
    background-position: 50% 30%;
}
.bolgDetailbanner{
    min-height: 150px;
    background-position: 50% 50%;
}
/*.bolgDetailbanner h1{
    text-align: center;
    padding-top: 60px;
    color: #FFFFFF;
    font-size: 2.25rem;
}
.bolgbanner .blogtitle{
    text-align: center;
    padding-top: 200px;
    color: #FFFFFF;
    font-size: 2.25rem;
}*/
.blogpost article{
    padding: 20px 0;
}
.blogpost h3{
    position: relative;
    padding: 0 0 12.5px 0;
    margin: 0;
    font-size: 2.25rem;
    font-weight: 900;
    letter-spacing: -1px;
    display: inline-block;
}
.blogpost h3 a{
    color: #0e3029;
}
.blogpost h3 a:hover{
    color: #a3cf06;
}
.blogpost p{
    display: block;
    line-height: 1.9em;
    color: #777;
    font-size: 18px;
}
.blogpost p>a:hover{
    color: #000066;
}
.blogpost span{
    color: #9b9b9b;
    font-weight: 400;
    font-size: 16px;
    margin: 0 5px;
}
.blogpost .postTime{
    margin: 5px 0 10px 0;
}
/* //blog.html*/
/*blogDetail.html*/
.blogback{
    margin-bottom: 50px;
    height: 100px;
    background: url(http://i.imgur.com/1l6iW31.png) repeat;
    border-top: 1px solid #dedede;
}
.blogback a{
    display: block;
    margin-top: 40px;
    color: #777;
}
.blogback a:hover{
    color: #80AB00;
}
.fb-like { float: right;  margin-top: 10px;}
/*文章回覆=.blogResponse*/
/*tag*/
ul.tag{margin: 10px 10px;}
ul.tag li{display: inline-block;padding-right: 10px;}
ul.tag a{background: url(../images/tag.png) left center no-repeat;}
ul.tag span{padding-left: 25px;font-size: 14px;color: #bbbbbb;}
ul.tag span:hover{text-decoration: underline;color: #bbbbbb;}
ul.tag li.report{float: right;background: url(../images/report.png) left center no-repeat;}
ul.tag li.report a{background:none;}
.blogResponse textarea{
    width: 97%;
    height: 100px;
    background: #fff;
    border-top: 1px solid #c9c9c8;
    border-left: 1px solid #dfe0de;
    border-right: 1px solid #dfe0de;
    border-bottom: 1px solid #eee;
    padding: 7px 9px;
    border-radius: 3px;
    color: #888;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    font-size: 14px;
}
.blogResponse .responseButton{
    float: right;
    display: block;
    width: 85px;
    height: 40px;
    background: #a3cf06;
    color: #fff;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    line-height: 30px;
    border: none;
    border-radius: 3px;
    margin: 10px 3px 10px 0;
}
.blogResponse .responseButton.responseDisable{
    background: #a3cf06;
}
.blogResponse .responseButton.responseDisable:hover{
    background: #80AB00;
}
.blogResponse ul.response{
    margin: 10px 0;
    border-top: #c9c9c8 dashed 1px;
}
.blogResponse ul.response li{
    border-bottom: #c9c9c8 dashed 1px;
    display: block;
    padding: 10px 0;
}
.blogResponse ul.response a.responseImg{
    width: 60px;
    height: 60px;
    display: block;
    margin-left: 10px;
    float: left;
    overflow: hidden;
    border-radius: 100%;
}
    a.responseImg img{
        max-width: 60px;
    }
.blogResponse ul.response .responseBox{
    margin-left: 10px;
}
    a.responseUsr{
        color: #3b3b3b;
        font-size: 16px;
        font-weight: bold;
    }
    a.responseUsr:hover{
        color:#80AB00;
    }
    p.reponseCont{
        font-size: 14px;
        color: #3b3b3b;
        margin-top: 10px;
    }
    p.reponseBottom{
        margin-top: 20px;
        font-size: 12px;
        color: #bbbbbb;
    }
        .responseBox p.reponseBottom span,.responseBox p.reponseBottom a{
            margin-right: 10px;
        }
        .responseBox p.reponseBottom span.reply a:hover{color: #000066;}
.blogResponse .modify{margin: 0;}
.blogResponse .modify2{margin-left: 20px;margin-right: 0;}
.blogResponse a.refCourse{
    display: block;
    width: 100%;
    height: 113px;
    margin: 0px 0 20px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
}
    .blogResponse a.refCourse:hover{
        opacity: .9;
    }
    .blogResponse a.refCourse img{
        width: 100%;
    }
.blogResponse .modify3{margin: 10px 0 20px 0;height: 240px;background: transparent;border: 1px solid #e1e1e1;}
.blogResponse .modify3 p{padding: 10px 10px 5px 10px;}
.blogResponse .modify3 a.readmore{float: right;}
.blogResponse a.worksPractice{
    display: block;
    width: 100%;
    height: 167px;
    margin: 0;
    overflow: hidden;
}
    .blogResponse a.worksPractice:hover{
        opacity: .9;
    }
    .blogResponse a.worksPractice img{
        width: 100%;
    }
.blogResponse a.arrow{
    width: 100%;
    height: 113px;
    display: block;
    text-align: center;
    line-height: 113px;
    margin: 0px 0 20px;
    background: #ffffff url(../images/arrow.png) no-repeat 120px 27px;
    border: 1px solid #e1e1e1;
    color: #bbbbbb;
}
    .blogResponse a.arrow:hover{
        background: #177aad url(../images/arrowhover.png) no-repeat 120px 27px;
        border: 1px solid #177aad;
        color: #FFF;
        transition:all 0.4s ease-in-out 0s;
    }
.blogResponse a.addPractice{
    height: 120px;
    line-height: 120px;
    font-size: 18px;
    background: #eaeaea url(../images/add.png) no-repeat 250px -65px;
    margin:0;
}
    .blogResponse a.addPractice:hover{
        background: #177aad url(../images/add.png) no-repeat 250px 35px;
        color: #FFF;
        transition:all 0.4s ease-in-out 0s;
    }
    .blogResponse a.addPractice span{
        padding-left: 80px;
    }
    .blogResponse .modifyPractice{margin: 0;border: 1px solid #eaeaea;}
    .blogResponse .modifyPractice .pracUserTitle{color: #666;display: block;padding-bottom:3px; padding-top: 10px;}
    .blogResponse .modifyPractice .pracUserWrap{margin: 5px 16px 5px;}
    .blogResponse .modifyPractice a.pracUser{width: 40px;height: 40px;overflow: hidden;display: inline-block;padding:2px 3px;}
    .blogResponse .modifyPractice a.pracUser img{width: 40px;}
    .blogResponse .modifyPractice a.pracUserMore{float: right;margin-top: 20px;}
    .blogResponse .modifyPractice a.practiced{margin-left: 3px; width: 65px;height: 40px; overflow: hidden;display: inline-block;background:url("../images/practiced2.png") 0 0;background-repeat: no-repeat;}
    .blogResponse .modifyPractice a.practiced:hover{background-position: 0px 40px;background-repeat: repeat;}


.responseBox2{ 
  margin-top: 10px;
}
.responseBox2 a.responseBox2Img{
    width: 40px;
    height: 40px;
    display: block;
    margin-left: 10px;
    float: left;
}
a.responseBox2Img img{
    max-width: 40px;
    border-radius: 30px;
}
.responseBox2 p.reponseBottom span,.responseBox2 p.reponseBottom a{
    margin-right: 10px;
}
.responseBox2 p.reponseBottom span.reply a:hover{color: #000066;}
.responseBox2_1{
    margin-left: 30px;
    background-color: #EEE;
    padding: 10px 0 10px 20px;  
    border-radius: 10px;}
/* //blogDetail.html*/
